<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <title>产品中心</title>  
</head>
<body>
	<div class="wrap">
		<!--tab-->
		<ul class="vip_tab">
		   <li class="active"><a href="products.html">产品中心</a></li>	
		   <li><a href="cases.html">解决方案</a></li>	
		</ul>
		
		<!--主体区域-->
		<div class="container">	
		<!--主题卖场-->	
		<div class="ssmc">
			<ul class="ztmc_list">
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic1.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic2.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic3.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic4.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic1.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic2.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic3.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
						<a class="add"><i class="icons">&#xe60b;</i></a>
					</div>
				</li>
				<li>
					<a href="pro_detail.html"><div class="img"><img src="img/pic4.png"/></div></a>
					<div class="prolist_info">
						<h4>麦子科技产品名称麦子科技产品名称</h4>
						<p class="grey">￥18.00</p>
						<p class="red">￥15.00</p>
					</div>
				</li>
		    </ul>
	   </div>
			

		</div>
	
		
		<!--导航栏-->
	    <div class="footer">
      	<ul>
	  	 	<li><a href="index.html"><p><i class="icons">&#xe65c;</i></p><h4>首页</h4></a></li>
	  	 	<li class="active"><a href="products.html"><p><i class="icons">&#xe6d0;</i></p><h4>产品/方案</h4></a></li>
	  	 	<li><a href="help.html"><p><i class="icons">&#xe6c9;</i></p><h4>技术支持</h4></a></li>
	  	 	<li><a href="shopcar.html"><p><i class="icons">&#xe601;</i></p><h4>购物车</h4></a></li>
	  	 	<li><a href="my.html"><p><i class="icons">&#xe605;</i></p><h4>我的</h4></a></li>
	  	</ul>
       </div>
       
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.7.js"></script>
</html>